<template>
  <div class="header flex-boxs flex-align-y-c pa">
    <i class="fa fa-angle-left" @click="$router.go(-1)"></i>
    <h1>{{ title }}</h1>
  </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: null
        }
    }
}
</script>

<style lang="less">
@import '../assets/style/base/b-gether-var.less';
.header{height:@60px; color:#fff; background:@color;
    i{flex:0 0 @30px; height:@40px; line-height:@40px; font-size:@30px;}
    h1{font-size:@16px;}
}
</style>

